.container{
    background: #fff;
    width: 100vw;
    height: 100vh;
}

.header{
    display: flex;
    text-align: center;
    font-size: .3rem;
    line-height: .9rem;
    border-bottom: 1px solid #fafafa;
    width: 100vw;
    justify-content: space-between;
    position: fixed;
    background: #fff;
    font-weight: 600;
    top: 0;
    z-index: 1000;
    div:first-child{
        width: 14vw;
        font-weight: 400;
    }
    div:last-child{
        width: 14vw;
        font-size: .24rem;
        i{font-size: .32rem;}
    }
}


.container_list{
    overflow: hidden;
    background: #fafafa;
    // padding-top: calc(100vh - 10.8rem);
    height: 100vh;
    overflow-y: auto;
    .list_tab{
        display: flex;
        justify-content: space-between;
        text-align: center;
        background: #fff;
        font-size: .28rem;
        padding: .2rem 0;
        position: fixed;
        left: 0;
        div{width: 50vw;position: relative;}
        div:last-child{&:after{
            content: "";
            display: block;
            width: 1px;
            height: .3rem;
            background: #828282;
            position: absolute;
            left: 0;
            top: 0;
        }}
    }
    .list,.list_title{
        font-size: .24rem;
        padding-left: .37rem;
        font-weight: 600;
    }
    .list_title{
        margin-top: .64rem;
        line-height: .81rem;
    }
    .list{
        display: flex;
        justify-content: space-between; 
        height: .99rem;
        background: #fff;
        border-bottom: 1px solid #fafafa; 
        >div:first-child{
            line-height: .4rem;
            padding-top: .12rem;
            >p{color: #676767;font-weight: 400;}
        }
        >div:last-child{
            line-height: .99rem;
            padding-right: .7rem;
        }
    }
    
}